<template>
  <view>
    <!-- 作者信息  开始 -->
    <view class="img_author">
      <image class="h" :src="img.user.avatar"></image>
      <view class="author_info">
        <view class="author_name">{{ img.user.name }}</view>
        <view class="author_time">{{ img.atime }}</view>
      </view>
    </view>
    <!-- 作者信息  结束 -->

    <!-- 图片介绍   开始 -->
    <view class="img_whole">
      <image class="h"></image>
      <view class="img_info">
        <view class="dianzan">
          <view class="iconfont icondianzan"></view>
        </view>
        <view class="shoucang">
          <view class="iconfont iconshoucang"></view>
        </view>
      </view>
    </view>

    <!-- 图片介绍   结束 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      img: {},
    };
  },
  onLoad() {
    console.log(getApp().globalData);
    const { index, list } = getApp().globalData;
    this.img = list[index];
    console.log(this.img);
  },
};
</script>

<style lang="scss" scoped>
.img_author {
  display: flex;
  padding: 20rpx;
  iamge {
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
  }

  .author_info {
    padding: 0 20rpx;
    .author_name {
      font-size: 50rpx;
      font-weight: 800;
    }
    .author_time {
    }
  }
}
.img_whole {
  iamge {

  }

  .img_info {
    .dianzan {
      .iconfont {

      }
    }

    .shoucang {
      .iconfont {

      }
    }
  }
}
</style>
